<#--左边菜单-->

<!-- BEGIN SIDEBAR -->

<div class="page-sidebar nav-collapse collapse">

    <!-- BEGIN SIDEBAR MENU -->

    <ul class="page-sidebar-menu">

        <li>

            <!-- BEGIN SIDEBAR TOGGLER BUTTON -->

            <div class="sidebar-toggler hidden-phone"></div>

            <!-- BEGIN SIDEBAR TOGGLER BUTTON -->

        </li>

        <li>

            <!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->

            <form class="sidebar-search">

                <div class="input-box">

                    <a href="javascript:;" class="remove"></a>

                    <input type="text" placeholder="Search..."/>

                    <input type="button" class="submit" value=" "/>

                </div>

            </form>

            <!-- END RESPONSIVE QUICK SEARCH FORM -->

        </li>

        <li class="treeview start " name="dashboard">

            <a href="${base}/a/index">

                <i class="icon-home"></i>

                <span class="title">主界面</span>

                <span class="selected"></span>

            </a>

        </li>
        <!--				<li class="treeview" name="">

                            <a href="javascript:;">

                            <i class="icon-cogs"></i>

                            <span class="title">Layouts</span>

                            <span class="arrow "></span>

                            </a>

                            <ul class="sub-menu">

                                <li >

                                    <a href="layout_horizontal_sidebar_menu.html">

                                    Horzontal & Sidebar Menu</a>

                                </li>

                                <li >

                                    <a href="layout_horizontal_menu1.html">

                                    Horzontal Menu 1</a>

                                </li>

                                <li >

                                    <a href="layout_horizontal_menu2.html">

                                    Horzontal Menu 2</a>

                                </li>

                                <li >

                                    <a href="layout_promo.html">

                                    Promo Page</a>

                                </li>

                                <li >

                                    <a href="layout_email.html">

                                    Email Templates</a>

                                </li>

                                <li >

                                    <a href="layout_ajax.html">

                                    Content Loading via Ajax</a>

                                </li>

                                <li >

                                    <a href="layout_sidebar_closed.html">

                                    Sidebar Closed Page</a>

                                </li>

                                <li >

                                    <a href="layout_blank_page.html">

                                    Blank Page</a>

                                </li>

                                <li >

                                    <a href="layout_boxed_page.html">

                                    Boxed Page</a>

                                </li>

                                <li >

                                    <a href="layout_boxed_not_responsive.html">

                                    Non-Responsive Boxed Layout</a>

                                </li>

                            </ul>

                        </li>

                        <li class="">

                            <a href="javascript:;">

                            <i class="icon-bookmark-empty"></i>

                            <span class="title">UI Features</span>

                            <span class="arrow "></span>

                            </a>

                            <ul class="sub-menu">

                                <li >

                                    <a href="ui_general.html">

                                    General</a>

                                </li>

                                <li >

                                    <a href="ui_buttons.html">

                                    Buttons</a>

                                </li>

                                <li >

                                    <a href="ui_modals.html">

                                    Enhanced Modals</a>

                                </li>

                                <li >

                                    <a href="ui_tabs_accordions.html">

                                    Tabs & Accordions</a>

                                </li>

                                <li >

                                    <a href="ui_jqueryui.html">

                                    jQuery UI Components</a>

                                </li>

                                <li >

                                    <a href="ui_sliders.html">

                                    Sliders</a>

                                </li>

                                <li >

                                    <a href="ui_tiles.html">

                                    Tiles</a>

                                </li>

                                <li >

                                    <a href="ui_typography.html">

                                    Typography</a>

                                </li>

                                <li >

                                    <a href="ui_tree.html">

                                    Tree View</a>

                                </li>

                                <li >

                                    <a href="ui_nestable.html">

                                    Nestable List</a>

                                </li>

                            </ul>

                        </li>

                        <li class="treeview">

                            <a href="javascript:;">

                            <i class="icon-table"></i>

                            <span class="title">Form Stuff</span>

                            <span class="arrow "></span>

                            </a>

                            <ul class="sub-menu">

                                <li >

                                    <a href="form_layout.html">

                                    Form Layouts</a>

                                </li>

                                <li >

                                    <a href="form_samples.html">

                                    Advance Form Samples</a>

                                </li>

                                <li >

                                    <a href="form_component.html">

                                    Form Components</a>

                                </li>

                                <li >

                                    <a href="form_wizard.html">

                                    Form Wizard</a>

                                </li>

                                <li >

                                    <a href="form_validation.html">

                                    Form Validation</a>

                                </li>

                                <li >

                                    <a href="form_fileupload.html">

                                    Multiple File Upload</a>

                                </li>

                                <li >

                                    <a href="form_dropzone.html">

                                    Dropzone File Upload</a>

                                </li>

                            </ul>

                        </li>

                        <li class="">

                            <a href="javascript:;">

                            <i class="icon-briefcase"></i>

                            <span class="title">Pages</span>

                            <span class="arrow "></span>

                            </a>

                            <ul class="sub-menu">

                                <li >

                                    <a href="page_timeline.html">

                                    <i class="icon-time"></i>

                                    Timeline</a>

                                </li>

                                <li >

                                    <a href="page_coming_soon.html">

                                    <i class="icon-cogs"></i>

                                    Coming Soon</a>

                                </li>

                                <li >

                                    <a href="page_blog.html">

                                    <i class="icon-comments"></i>

                                    Blog</a>

                                </li>

                                <li >

                                    <a href="page_blog_item.html">

                                    <i class="icon-font"></i>

                                    Blog Post</a>

                                </li>

                                <li >

                                    <a href="page_news.html">

                                    <i class="icon-coffee"></i>

                                    News</a>

                                </li>

                                <li >

                                    <a href="page_news_item.html">

                                    <i class="icon-bell"></i>

                                    News View</a>

                                </li>

                                <li >

                                    <a href="page_about.html">

                                    <i class="icon-group"></i>

                                    About Us</a>

                                </li>

                                <li >

                                    <a href="page_contact.html">

                                    <i class="icon-envelope-alt"></i>

                                    Contact Us</a>

                                </li>

                                <li >

                                    <a href="page_calendar.html">

                                    <i class="icon-calendar"></i>

                                    Calendar</a>

                                </li>

                            </ul>

                        </li>

                        <li class="">

                            <a href="javascript:;">

                            <i class="icon-gift"></i>

                            <span class="title">Extra</span>

                            <span class="arrow "></span>

                            </a>

                            <ul class="sub-menu">

                                <li >

                                    <a href="extra_profile.html">

                                    User Profile</a>

                                </li>

                                <li >

                                    <a href="extra_lock.html">

                                    Lock Screen</a>

                                </li>

                                <li >

                                    <a href="extra_faq.html">

                                    FAQ</a>

                                </li>

                                <li >

                                    <a href="inbox.html">

                                    Inbox</a>

                                </li>

                                <li >

                                    <a href="extra_search.html">

                                    Search Results</a>

                                </li>

                                <li >

                                    <a href="extra_invoice.html">

                                    Invoice</a>

                                </li>

                                <li >

                                    <a href="extra_pricing_table.html">

                                    Pricing Tables</a>

                                </li>

                                <li >

                                    <a href="extra_image_manager.html">

                                    Image Manager</a>

                                </li>

                                <li >

                                    <a href="extra_404_option1.html">

                                    404 Page Option 1</a>

                                </li>

                                <li >

                                    <a href="extra_404_option2.html">

                                    404 Page Option 2</a>

                                </li>

                                <li >

                                    <a href="extra_404_option3.html">

                                    404 Page Option 3</a>

                                </li>

                                <li >

                                    <a href="extra_500_option1.html">

                                    500 Page Option 1</a>

                                </li>

                                <li >

                                    <a href="extra_500_option2.html">

                                    500 Page Option 2</a>

                                </li>

                            </ul>

                        </li>

                        <li>

                            <a class="active" href="javascript:;">

                            <i class="icon-sitemap"></i>

                            <span class="title">3 Level Menu</span>

                            <span class="arrow "></span>

                            </a>

                            <ul class="sub-menu">

                                <li>

                                    <a href="javascript:;">

                                    Item 1

                                    <span class="arrow"></span>

                                    </a>

                                    <ul class="sub-menu">

                                        <li><a href="#">Sample Link 1</a></li>

                                        <li><a href="#">Sample Link 2</a></li>

                                        <li><a href="#">Sample Link 3</a></li>

                                    </ul>

                                </li>

                                <li>

                                    <a href="javascript:;">

                                    Item 1

                                    <span class="arrow"></span>

                                    </a>

                                    <ul class="sub-menu">

                                        <li><a href="#">Sample Link 1</a></li>

                                        <li><a href="#">Sample Link 1</a></li>

                                        <li><a href="#">Sample Link 1</a></li>

                                    </ul>

                                </li>

                                <li>

                                    <a href="#">

                                    Item 3

                                    </a>

                                </li>

                            </ul>

                        </li>

                        <li>

                            <a href="javascript:;">

                            <i class="icon-folder-open"></i>

                            <span class="title">4 Level Menu</span>

                            <span class="arrow "></span>

                            </a>

                            <ul class="sub-menu">

                                <li>

                                    <a href="javascript:;">

                                    <i class="icon-cogs"></i>

                                    Item 1

                                    <span class="arrow"></span>

                                    </a>

                                    <ul class="sub-menu">

                                        <li>

                                            <a href="javascript:;">

                                            <i class="icon-user"></i>

                                            Sample Link 1

                                            <span class="arrow"></span>

                                            </a>

                                            <ul class="sub-menu">

                                                <li><a href="#"><i class="icon-remove"></i> Sample Link 1</a></li>

                                                <li><a href="#"><i class="icon-pencil"></i> Sample Link 1</a></li>

                                                <li><a href="#"><i class="icon-edit"></i> Sample Link 1</a></li>

                                            </ul>

                                        </li>

                                        <li><a href="#"><i class="icon-user"></i>  Sample Link 1</a></li>

                                        <li><a href="#"><i class="icon-external-link"></i>  Sample Link 2</a></li>

                                        <li><a href="#"><i class="icon-bell"></i>  Sample Link 3</a></li>

                                    </ul>

                                </li>

                                <li>

                                    <a href="javascript:;">

                                    <i class="icon-globe"></i>

                                    Item 2

                                    <span class="arrow"></span>

                                    </a>

                                    <ul class="sub-menu">

                                        <li><a href="#"><i class="icon-user"></i>  Sample Link 1</a></li>

                                        <li><a href="#"><i class="icon-external-link"></i>  Sample Link 1</a></li>

                                        <li><a href="#"><i class="icon-bell"></i>  Sample Link 1</a></li>

                                    </ul>

                                </li>

                                <li>

                                    <a href="#">

                                    <i class="icon-folder-open"></i>

                                    Item 3

                                    </a>

                                </li>

                            </ul>

                        </li>-->

        <li class="treeview" name="basic">

            <a href="javascript:;">

                <i class="icon-globe"></i>

                <span class="title">基础管理</span>

                <span class="arrow "></span>

            </a>

            <ul class="sub-menu">

                <li id="user">

                    <a href="${base}/admin/user">

                        用户管理</a>

                </li>

                <li id="role">

                    <a href="${base}/admin/role">

                        权限管理</a>

                </li>
                <li id="module">

                    <a href="${base}/admin/module">

                        菜单管理</a>

                </li>

            </ul>

        </li>
    <#-- 会员信息管理 -->
        <li class="treeview" name="member">

            <a href="javascript:;">

                <i class="icon-user"></i>

                <span class="title">会员管理</span>

                <span class="arrow "></span>

            </a>

            <ul class="sub-menu">

                <li id="member">

                    <a href="${base}/a/member">

                        会员信息</a>

                </li>

            </ul>

        </li>
    <#-- 图书信息管理 -->
        <li class="treeview" name="book">

            <a href="javascript:;">

                <i class="icon-user"></i>

                <span class="title">图书管理</span>

                <span class="arrow "></span>

            </a>

            <ul class="sub-menu">

                <li id="book">

                    <a href="${base}/a/sys/books">

                        图书信息</a>

                </li>

            </ul>

        </li>
    <#-- 设备监控管理 -->
        <li class="treeview" name="device">

            <a href="javascript:;">

                <i class="icon-globe"></i>

                <span class="title">设备管理</span>

                <span class="arrow "></span>

            </a>

            <ul class="sub-menu">

                <li id="internet">

                    <a href="${base}/connect/">

                        软件管理</a>

                </li>

                <li id="hardware">

                    <a href="${base}/admin/device">

                        硬件管理</a>

                </li>

                <li id="status">

                    <a href="${base}/admin/device/status">

                        状态管理</a>

                </li>

            </ul>

        </li>

    <#--样例-->
        <!--<li class="">

            <a href="javascript:;">

            <i class="icon-th"></i>

            <span class="title">Data Tables</span>

            <span class="arrow "></span>

            </a>

            <ul class="sub-menu">

                <li >

                    <a href="table_basic.html">

                    Basic Tables</a>

                </li>

                <li >

                    <a href="table_responsive.html">

                    Responsive Tables</a>

                </li>

                <li >

                    <a href="table_managed.html">

                    Managed Tables</a>

                </li>

                <li >

                    <a href="table_editable.html">

                    Editable Tables</a>

                </li>

                <li >

                    <a href="table_advanced.html">

                    Advanced Tables</a>

                </li>

            </ul>

        </li>

        <li class="">

            <a href="javascript:;">

            <i class="icon-file-text"></i>

            <span class="title">Portlets</span>

            <span class="arrow "></span>

            </a>

            <ul class="sub-menu">

                <li >

                    <a href="portlet_general.html">

                    General Portlets</a>

                </li>

                <li >

                    <a href="portlet_draggable.html">

                    Draggable Portlets</a>

                </li>

            </ul>

        </li>

        <li class="">

            <a href="javascript:;">

            <i class="icon-map-marker"></i>

            <span class="title">Maps</span>

            <span class="arrow "></span>

            </a>

            <ul class="sub-menu">

                <li >

                    <a href="maps_google.html">

                    Google Maps</a>

                </li>

                <li >

                    <a href="maps_vector.html">

                    Vector Maps</a>

                </li>

            </ul>

        </li>

        <li class="last ">

            <a href="charts.html">

            <i class="icon-bar-chart"></i>

            <span class="title">Visual Charts</span>

            </a>

        </li>-->

    </ul>

    <!-- END SIDEBAR MENU -->

</div>

<!-- END SIDEBAR -->